<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>

export default {
  name: 'app',
  data() {
    return {
      active: 2,
    };
  },
  components: {

  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  background-color: #b52c19;
}

/* .top_nav{
  margin: 20px 4vw;
  padding: 0 2px;
  border-radius: 15px;
  height: 30px;
  background: url("./assets/r_nav.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0px 1px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.top_nav > .on{
  background-color: #fee34f;
  height: 22px;
  border-radius: 12px;
  line-height: 22px;
  text-align: center;
  width: 30%;
  font-weight: bold;
  font-size: 12px;
  color: #17a67d;
}
.top_nav > div{
  cursor: pointer;
  height: 22px;
  border-radius: 12px;
  line-height: 22px;
  text-align: center;
  width: 30%;
  font-size: 12px;
  color: white;
} */
</style>
